<template>
  <view>
    <view v-if="active <= 1" class="title"> 健康信息 </view>
    <view v-if="active === 2 || active === 3" class="title reds"> 重点症状 </view>
    <view v-if="active === 4" class="title blue"> 生活方式 </view>
    <view v-if="active === 5" class="title blue"> 检查结果 </view>
  </view>
</template>
<script>
export default {
  props: {
    // 是否展示搜索按钮
    info: {
      type: Object,
      default: {}
    }
  },
  data() {
    return {};
  },
  computed: {
    active() {
      return this.$store.getters.active;
    }
  },
  mounted() {},
  methods: {}
};
</script>
<style lang="scss">
.title {
  background: rgba(216, 246, 214, 1);
  color: rgba(0, 0, 0, 0.55);
  font-size: 32rpx;
  padding: 14rpx;
  text-align: center;
}
.blue {
  background: rgba(233, 241, 254, 1);
}
.reds {
  background: rgba(254, 233, 233, 1);
}
</style>
